<template>
  <div>
    <el-tabs v-model="selected" @tab-click="handleClick">
      <el-tab-pane label="简历详情" name="first">
        <div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">简历编号：</span>
            <div class="inputStyle floatLeft">
              <span>11111111111111111</span>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">基本信息：</span>
            <div class="inputStyle floatLeft">
              <div>
                <div class="basicItem titleItemContainer">
                  <div class="basicItemDetail floatLeft">
                    <span>姓名：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>性别：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>年龄：</span>
                    <span>********</span>
                  </div>
                </div>
              </div>
              <div>
                <div class="basicItem titleItemContainer">
                  <div class="basicItemDetail floatLeft">
                    <span>出生日期：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>民族：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>籍贯：</span>
                    <span>********</span>
                  </div>
                </div>
              </div>
              <div>
                <div class="basicItem titleItemContainer">
                  <div class="basicItemDetail floatLeft">
                    <span>婚姻状态：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>现住地：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>工作经验：</span>
                    <span>********</span>
                  </div>
                </div>
              </div>
              <div>
                <div class="basicItem titleItemContainer">
                  <div class="basicItemDetail floatLeft">
                    <span>联系电话：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>邮箱：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>期望工作地点：</span>
                    <span>********</span>
                  </div>
                </div>
              </div>
              <div>
                <div class="basicItem titleItemContainer">
                  <div class="basicItemDetail floatLeft">
                    <span>求职意向：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>期望薪资：</span>
                    <span>********</span>
                  </div>
                  <div class="basicItemDetail floatLeft">
                    <span>当前状态：</span>
                    <span>********</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">个人评价：</span>
            <div class="inputStyle floatLeft">
              <span>*************************************************</span>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">教育经历：</span>
            <div class="inputStyle floatLeft">
              <div class="basicItemDetail  floatLeft">
                <span>******</span>
              </div>
              <div class="basicItemDetail  floatLeft">
                <span>******</span>
              </div>
              <div class="basicItemDetail  floatLeft">
                <span>******</span>
              </div>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">工作经历：</span>
            <div class="inputStyle floatLeft">
              <div class="titleItemContainer">
                <div class="basicItemDetail  floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail  floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>工作描述：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">工作经历：</span>
            <div class="inputStyle floatLeft">
              <div class="titleItemContainer">
                <div class="basicItemDetail  floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail  floatLeft">
                  <span>******</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>责任描述：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>项目简介：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="inputLabel floatLeft">操作：</span>
            <div class="inputStyle floatLeft">
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>上传简历时间：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>任务状态：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
              <div class="titleItemContainer">
                <div class="basicItemDetail floatLeft">
                  <span>状态：</span>
                </div>
                <div class="basicItemDetail floatLeft">
                  <span>******</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="任务详情" name="second">
        <div>
          <div>
            <span>查看</span>
          </div>
          <div class="titleItemContainer" style="border:1px black dashed">
            <span class="floatLeft">高级产品经理---------JR5899855151888</span>
            <div class="floatLeft" style="text-align:center;width:200px;">
              <span>悬赏：￥200000</span>
            </div>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">企业名称：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">已入职人数：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">企业名称：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">所属行业：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">企业规模：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">年薪：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">工作地点：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">工作年限：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">学历：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">招聘人数：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">发布时间：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">截止时间：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">岗位职责：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">任职要求：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">企业简介：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
          <div class="titleItemContainer">
            <span class="floatLeft inputLabel ">任务标签：</span>
            <span class="floatLeft inputLabel ">---</span>
          </div>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<style scoped>
.basicItem {
  width: 100%;
  margin-top: 10px;
}

.basicItemDetail {
  width: 33%;
}

.mineTab {
  width: 100%;
  height: 800px;
}

.container {
  height: 100%;
  background-color: #B3C0D1;
}

.summaryContainer {
  height: 900px;
  width: 100%;
}

.titleItemContainer {
  margin-top: 10px;
}

.titleItemContainer::after {
  content: '';
  display: table;
  clear: both;
}

.inputStyle {
  width: 80%;
}

.inputLabel {
  width: 20%;
}

.floatLeft {
  float: left;
}

.centerInHorizontal {
  margin: 0 auto;
  width: 200px;
}
</style>
<script>
export default {
  data: function() {
    return {
      selected: 'first'
    }
  }
}
</script>
